@font-face {
    font-family: 'PillGothic600mgBold';
    src: url('pillgothic600mg-bold-webfont.eot');
    src: local('â˜º'), url('pillgothic600mg-bold-webfont.woff') format('woff'), url('pillgothic600mg-bold-webfont.ttf') format('truetype'), url('pillgothic600mg-bold-webfont.svg#webfont2nGoayue') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
    background-color: #fff;
} 

body a{
    text-decoration: none;
    color: #828282; 


}

img {
    border: none;
}

#demoIzq, #demoDer { 
    border:0px; 
    width:640px; 
    background-color:#00a550; 
    text-align:left;
}



#lista
{
    margin-left: 40px;
    width:262px;
    background-color:#ffffff; color:#000000;
    border: solid 1px #33677F;
    z-index:3;
    top:0px;
    left:6px;
    display:none;
}

.resaltado
{
    background-color:#F7FF51; color:#000000;
    cursor:pointer;
}

.normal
{
    background-color:#EAEAEA; color:#000000;
}

#separador {
    margin:0px; /*para que no se pegue al borde*/ 
    padding-top:0px; /*algo de relleno*/
    padding-right: 5px;
    width:640px; /*este ancho es para que cuadre con el texto*/ 
    height:2px; /*idem*/ 
    background-color: black;

    padding-left: 15px;
}


#chk_tipo_receta,#chk_porcion_receta,#chk_cantidad_porcion,#chk_nombre_paso_1, #chk_cantidad_paso_1,#chk_cantidad_ingrediente_1,#chk_nombre_ingrediente_1,#chk_imagen_receta,#chk_tiempo_receta,#chk_nombre_receta{
    font-weight: bold;
    color: #a60c00;
}

.activeField
{
    background-image: none;
    background-color: #ff9b40;
    border: solid 2px #33677F;
    height: 20px;

    font-weight: bold;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;    
}
.idle
{
    border: solid 2px #e5e5e5;
    background-image: url( 'blue_bg.png' );
    background-repeat: repeat-x;
    background-position: top;
    height: 20px;           
    font-size: 14px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;    
}

#titulo{
    font-family: serif;
    float: left;
    font-size: 30px;
    font-weight: bold;
    margin: 0 auto;
    color: #00a550;
    width: 1000px;
    display: block;

}

#minutos{
    float:left;
    margin-top: 10px;
}


#tags_warning{
    margin-left: 356px;
    font-weight: bold;
    color: #F7FF51;
}
.boton{
    height: 25px;
    background-color: #E4DDFF;
}
.combo{
    height: 18px;
}

.check{
    height: 10px;
}
.menos{
    padding: 2px 2px 2px 2px;
    height: 2px;
    background-color: #E4DDFF;
}

.record{ 
    padding-top: 5px;  
    padding-bottom: 5px;    
    width:477px; 
    font-family: 'PillGothic600mgBold'; 
    color: #828288;
    background:#E8E8E8; 

}

.record_w{ 
    padding-top: 5px;
    padding-bottom: 5px;      
    width:477px;
    font-family: 'PillGothic600mgBold'; 
    color: #828288; 
    background:#fff;
}

.record2{ 
    padding:2px 20px; 
    background:#eee; 
    border-top:2px solid #ACEBAE; 
    width:450px; 

}

.record3{ 
    padding:10px 20px; 
    background:#eee; 
    border-top:2px solid #ACEBAE; 
    width:650px; 

}

.height54{  
    height:54px;
}


.delete{ 
    color:#f00; 
    display:block; 
    width:40px; 
    float:right;
}

.deleteconsulta{
    display:block;
    margin-left:15px;
    margin-top:16px;
    margin-right:15px;
    width:23px;
    height:18px;
    background: url("../img/TODO/borrar.png") no-repeat;
}

.updateconsulta{
    display:block;
    float:right;
    vertical-align:middle;
    margin-top:12px;
    margin-left:15px;
    width:17px;
    height:20px;
    background: url("../img/TODO/editar.png") no-repeat;
}

.viewconsulta{
    float:right;
    vertical-align:middle;
    margin-top:16px;
    margin-left:15px;
    width:21px;
    height:17px;
    background: url("../img/TODO/ver.png") no-repeat;
}

.resultado_catalogo {
    font-family: sans-serif;
    float: left;

}

/*Alineados*/
.left{
    float:left;
}

.right{
    float:right;
}

.left24{
    padding-left:24px;
}

.right15{
    float:right; 
    padding-right: 15px;
}

/*PAGINADO*/
.paginate {
    font-family: 'PillGothic600mgBold'; 
    color: #828288;
    font-size: 12px;
}

a.paginate {
    border: 1px solid #e9e9e9;
    background: #e9e9e9;
    padding: 4px 9px 4px 9px;
    text-decoration: none;
    color: #5a812e;
    font-size: 12px;
    font-family: 'PillGothic600mgBold'; 
}


a.paginate:hover {
    font-family: 'PillGothic600mgBold';  
    background-color: #5a812e;
    color: #e9e9e9;

}

a.current {
    border: 1px solid #5a812e;
    font-family: 'PillGothic600mgBold'; 
    padding: 4px 9px 4px 9px;
    cursor: default;
    background:#5a812e;
    color: #e9e9e9;
    text-decoration: none;
    font-size: 12px;
}

span.inactive {
    border: 1px solid #e9e9e9;
    font-family: 'PillGothic600mgBold';
    font-size: 12px;
    padding: 4px 9px 4px 9px;
    color: #999;
    cursor: default;
}



/*---------------------------------------CSS DE FORRO DE PANEL DE CHICHO-------------------------------------------------------*/



/*---------------------------------------PRINCIPAL.PHP-------------------------------------------------------------------------*/
.header_knorr{
    background:url(../img/todo/header_logo.png) no-repeat;
    width:813px;
    height:137px;
    margin-bottom: 6px;
}

#agrega_receta{
    display: block;
    width: 223px;
    height: 150px;
    background: url("../img/todo/AGREGAR_RECETAS_BOTON1.png") no-repeat;
    background-position: 0 -150px; 
    float: left;
}

#agrega_receta:hover{
    background-position: 0 0;

}

#consulta_receta{
    display: block;
    width: 223px;
    height: 150px;
    background: url("../img/todo/COSULTA_RECETAS_BOTON2.png") no-repeat;
    background-position: 0 -150px; 
    float: left;
}

#consulta_receta:hover{
    background-position: 0 0;
}

#catalogos{
    display: block;
    width: 223px;
    height: 150px;
    background: url("../img/todo/CATALOGO_RECETAS_BOTON3.png") no-repeat;
    background-position: 0 -150px;
    float: left; 
}

#catalogos:hover{
    background-position: 0 0;
}

.centrado_catalogos{
    margin-bottom: 58px;
    display: block;
    width: 816px;
}

.linea_gris_claro{
    display: block;
    width: 805px;
    height: 2px;
    clear: both;
    background: url("../img/todo/LINEA_GRIS_CLARO.png") no-repeat; 
}
.linea_gris_obscuro{
    display: block;
    width: 805px;
    height: 2px;
    clear: both;
    background: url("../img/todo/LINEA_GRIS-OBSCURO.png") no-repeat; 
}

.ayuda_principal{       
    width: 805px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.ayuda_principal2{       
    width: 855px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.ayuda{
    display: block;
    width: 79px;
    height: 27px;
    background: url("../img/todo/BOTON_AYUDA.png") no-repeat;      
}
#selecciona_opcion{
    font-family: 'PillGothic600mgBold';
    color: #828288;
    float: right;
    font-size: 12px;
}

.selecciona_opcion2{
    font-family: 'PillGothic600mgBold';
    color: #828288;
    float: right;
    font-size: 12px;
    padding-right: 15px;

}

/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------CATALOGOS---------------------------------------------------------------------------------------*/
#catalogo_ingrediente{
    display: block;
    width: 162px;
    height: 138px;
    background: url("../img/todo/catalogo_ingrediente.png") no-repeat;
    background-position: 0 -138px;
    float: left; 
}

#catalogo_ingrediente:hover{
    background-position: 0 0;
}

#catalogo_estereotipo{
    display: block;
    width: 162px;
    height: 138px;
    background: url("../img/todo/catalogo_estereotipos.png") no-repeat;
    background-position: 0 -138px;
    float: left; 
}

#catalogo_estereotipo:hover{
    background-position: 0 0;
}

#catalogo_clasificaciones{
    display: block;
    width: 162px;
    height: 138px;
    background: url("../img/todo/catalogo_clasificaciones.png") no-repeat;
    background-position: 0 -138px;
    float: left; 
}

#catalogo_clasificaciones:hover{
    background-position: 0 0;
}
#catalogo_grupo{
    display: block;
    width: 162px;
    height: 138px;
    background: url("../img/todo/catalogo_grupoalimenticio.png") no-repeat;
    background-position: 0 -138px;
    float: left; 
}

#catalogo_grupo:hover{
    background-position: 0 0;
}
#catalogo_medida{
    display: block;
    width: 162px;
    height: 138px;
    background: url("../img/todo/catalogo_medida.png") no-repeat;
    background-position: 0 -138px;
    float: left; 
}

#catalogo_medida:hover{
    background-position: 0 0;
}

/**/
.header_menu_consultas{
    background:url(../img/todo/CONSULTAS_BARRA.png) no-repeat;
    width:807px;
    height:34px;

}


.header_menu_catalogo{
    background:url(../img/todo/CATALOGOS_BARRA.png) no-repeat;
    width:807px;
    height:34px;

}
.header_menu_catalogo_sub_div{
    display: block;
    width:807px;
    height:34px;
    font-family: 'PillGothic600mgBold';
    font-size: 14px;
    color: #736c5b;
    background-color:#e0d7c0;
    -moz-border-radius:4px;
    -webkit-border-radius:4px; 
    -moz-border-radius-topleft:0; 
    float: left;   
}

.regresa_catalogos{
    display: block;
    width: 130px;
    height: 34px;
    float: left;      
}
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------ESTEREOTIPO-------------------------------------------------------------------------------------*/
.resultado_wrap{
    display: block;
    margin: 0;
    width: 807px;
}
.resultado_agregar{
    display: block;
    float: left;
    clear: both;
    margin: 0;
    width: 807px;
    margin-bottom: 24px;
}

#agrega_estereotipo{
    float: left;
    width: 320px;
    height: 30px;

}

#agrega_estereotipo_boton{
    float: right;
    margin-top: 6px;
    margin-right: 10px;
    display: block;
    width: 206px;
    height: 27px;
    background: url("../img/todo/NUEVO_ESTEREOTIPO.png") no-repeat;
}

.paginas{
    float: left; 
}

.seleccion_pagina{
    float: right;
    margin-right:14px;
    margin-bottom: 20px;
}
#ayuda_catalogo{       
    width: 805px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.footer{
    margin-top: 30px;
    width: 813px;
    height: 46px;
    background: url("../img/todo/FOOTER_BAR_TEXTURE.png") repeat;
}

/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------MEDIDAS-----------------------------------------------------------------------------------------*/
#agrega_medida_boton{
    float: right;
    margin-top: 6px;
    margin-right: 10px;
    display: block;
    width: 206px;
    height: 27px;
    background: url("../img/todo/NUEVA_MEDIDA.png") no-repeat;
}
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------GRUPO ALIMENTICIO---------------------------------------------------------------*/
#agrega_grupo_boton{
    float: right;
    margin-top: 6px;
    margin-right: 10px;
    display: block;
    width: 206px;
    height: 27px;
    background: url("../img/todo/NUEVO_GRUPO_ALIMENTICIO.png") no-repeat;
}
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------CLASIFICACION--------------------------------------------------------------------*/
#agrega_clasificacion_boton{
    float: right;
    margin-top: 6px;
    margin-right: 10px;
    display: block;
    width: 206px;
    height: 27px;
    background: url("../img/todo/NUEVA_CLASIFICACION.png") no-repeat;
}
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------INGREDIENTES---------------------------------------------------------------------*/
#agrega_ingrediente_boton{
    float: right;
    margin-top: 6px;
    margin-right: 10px;
    display: block;
    width: 206px;
    height: 27px;
    background: url("../img/todo/NUEVO_INGREDIENTE.png") no-repeat;
}
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------FANCY AGREGA MEDIDA--------------------------------------------------------------*/
.header_fancy{
    display: block;
    width:865px;
    height: 58px;
    background-color:#e5e5e5;
    font-family: 'PillGothic600mgBold';
    font-size: 16px;
    color: #736c5b;

}         

.cerrar_fancy{
    float: right;
    width: 166px;
    height: 24px;
    background: url("../img/todo/BOTON_CERRAR.png") no-repeat;      
    cursor: pointer;
}

.input_fancy{
    margin-left:100px;
    font-family: 'PillGothic600mgBold';
    font-size: 14px;
    color: #828282;
}

.input_fancy2{
    font-family: 'PillGothic600mgBold';
    font-size: 14px;
    color: #828282;
}

.idle_fancy
{
    border: solid 2px #e5e5e5;
    background-image: url( 'blue_bg.png' );
    background-repeat: repeat-x;
    background-position: top;
    height: 20px;           
    font-size: 14px;
    color: #828282;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;    
}

.idle_fancy2
{
    border: solid 2px #e5e5e5;
    background-image: url( 'blue_bg.png' );
    background-repeat: repeat-x;
    background-position: top;
    height: 20px;           
    font-size: 14px;
    color: #828282;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;    
}
.idle_fancy3
{
    border: solid 2px #e5e5e5;
    background-image: url( 'blue_bg.png' );
    background-repeat: repeat-x;
    background-position: top;

    font-size: 14px;
    color: #828282;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;    
}
.textarea{
    height: 40px;
}
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------AGREGAR-------------------------------------------------------------------------------------*/   

.header_menu_agregar{
    background:url(../img/todo/ABREGAR_BARRA.png) no-repeat;
    width:807px;
    height:34px;

}

.subir_boton{   

    background:url(../img/todo/BOTON_SUBIR_IMAGEN.png) no-repeat;
    widows: 100px;
    height: 26px;
    cursor:pointer;
}

.nuevo_ingrediente{
    float: right; 
}

/*-----------------------------------------------------------------------------------------------------------------------------*/  
/*--------------------------------------TABBER TAB-----------------------------------------------------------------------------*/   

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
    display:none;
}

/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
    /*margin-top:1em;*/
    padding-top: 14px;
    background: #e0d7c0;

    -moz-border-radius-topright:4px; 
    -moz-border-radius-topleft:2px;
}

/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
    margin:0;    
    padding-bottom: 3px;
    padding-left: 0px;
    /*padding: 3px 0;  */

    font-family: 'PillGothic600mgBold';
    font-size: 14px;
    background: #e0d7c0;
    height: 30px;


}


ul.tabbernav li
{
    list-style: none;
    margin: 0;
    display: inline;

}

ul.tabbernav li a
{

    padding: 3px 12px;
    /* margin-left: 3px; */   
    border-bottom: none;
    background: #e0d7c0; 
    text-decoration: none;
}

ul.tabbernav li a:link { color: #736c5b;  }
ul.tabbernav li a:visited { color: #009c2d; }

ul.tabbernav li a:hover
{
    color: #009c2d;
    background: #e0d7c0;
    border-color: #227;
}

ul.tabbernav li.tabberactive a
{   
    background-color: #e0d7c0;

}

ul.tabbernav li.tabberactive a:hover
{
    color: #009c2d;
    background: #e0d7c0;

}

/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
    padding:5px;
    /*border:1px solid #aaa;*/

    border-top:0;
    width: 800px;

    background-color: #fff;


    /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

    /* height:200px; */

    /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

    /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
    display:none;
}
.tabberlive .tabbertab h3 {
    display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
    height:200px;
    overflow:auto;
}
/*-----------------------------------------------------------------------------------------------------------------------------*/   


.contenedor_tabla{
    width: 900px;
    clear: both;
}
.tabla_seccion{
    width: 405px;
    float: left;
    padding-bottom: 20px;
}
.tabla_comite{
    width: 405px;
    float: left;
    padding-bottom: 20px;
}
.casilla{

    clear: both;

}

.input_fancy3{
    font-family: 'PillGothic600mgBold';
    font-size: 24px;
    font-weight: bold;
    color: #828282;
}
.input_fancy4{
    font-family: 'PillGothic600mgBold';
    font-size: 20px;
    font-weight: bold;
    color: #828282;
    background-color: #ccc;
}

.centrar_menu{
    width: 699px;
    height: 100px;

    float: left;
}

.opcion_menu{
    width: 230px;
    height: 100px;
    margin-right: 3px;
    /*background-color: #CCC;*/
    float: left;
    margin-bottom: 4px;
}

.renglon_botones{
    padding-bottom: 10px;
    margin-bottom: 10px;
    clear: both;
}

/*****************************FORMATEO DE FACTURA************************************************/
.no_factura{
    position: absolute;
    z-index: 2;
    margin-top: 65px;
    margin-left: 650px;
}

.nombre{
    position: absolute; 
    z-index: 3;
    margin-top: 80px;
    margin-left: 70px; 
}
.direccion{
    position: absolute; 
    z-index: 4;
    margin-top: 110px;
    margin-left: 70px;
}
.municipio{
    position: absolute; 
    z-index: 5;
    float: left;
    margin-top: 140px;
    margin-left: 70px;
}
.dia{
    position: absolute; 
    z-index: 6;
    float: left;
    margin-top: 120px;
    margin-left: 630px;
}
.mes{
    position: absolute; 
    z-index: 7;
    float: left;
    margin-top: 120px;
    margin-left: 670px;
}
.anio{
    position: absolute; 
    z-index: 8;
    float: inherit;
    margin-top: 120px;
    margin-left: 710px;
}
.cantidad{

    z-index: 2;
    float: left;
    margin-left: 20px;
}

.descripcion{

    z-index: 2;
    float: left;
    margin-left: 45px;

}
.unitario{

    float: left;
    z-index: 2;
    margin-left: 345px;
}
.importe{

    float: left;
    z-index: 2;
    margin-left: 35px;
}

.unitario2{

    float: left;
    z-index: 2;
    margin-left: 365px;
}
.importe2{

    float: left;
    z-index: 2;
    margin-left: 50px;
}


.resumen{
    margin-top: 190px;
    margin-left: 0px;
    width: 730px;
    height: 230px;
    
    /*border: 1px solid black;*/

}
.sub_total{
    position: absolute; 
    z-index: 8;
    float: inherit;
    margin-top: 10px;
    margin-left: 650px;
}
.iva{
    position: absolute; 
    z-index: 8;
    float: inherit;
    margin-top: 40px;
    margin-left: 650px; 
}

.total_factura{
     position: absolute; 
    z-index: 8;
    float: inherit;
    margin-top: 70px;
    margin-left: 650px;
}

.letras{
     position: absolute; 
    z-index: 9;
    float: inherit;
    margin-top: 25px;
    margin-left: 210px;
}

.letras_2{
     position: absolute; 
    z-index: 9;
    float: inherit;
    margin-top: 50px;
    margin-left: 210px;
}



/************************************************************************************************/